<template>
  <div>
    <div class="rule">
      <div class="title">一、人气值榜单</div>
      <p class="desc">
        以下榜单根据作品的人气值排序，人气值是综合作品收藏、点击、字数、海星、长评、短评、赞赏等多种互动行为的综合指数。
      </p>
      <ul>
        <li>
          <span class="sec-title">新人榜收录范围：</span
          ><span>作者成为长佩签约作者90天内，且作品发表30天内；</span>
        </li>
        <li>
          <span class="sec-title">新书榜收录范围：</span
          ><span>作者成为长佩签约作者超过90天，且作品发表30天内；</span>
        </li>
        <li>
          <span class="sec-title">热读榜收录范围：</span
          ><span>作者成为长佩签约作者90天内，且作品发表超过30天；</span>
        </li>
        <li>
          <span class="sec-title">风云榜收录范围：</span
          ><span>作者成为长佩签约作者超过90天，且作品发表超过30天；</span>
        </li>
        <li>
          <span class="sec-title">人气榜收录范围：</span
          ><span>全站作品均被收录；</span>
        </li>
        <li>
          <span class="sec-title">完结榜收录范围：</span
          ><span>全站作品，且作品状态为完结；</span>
        </li>
        <li>
          <span class="sec-title">萌新榜收录范围：</span
          ><span>注册成为作者30天内，且作品发表在30天内；</span>
        </li>
        <li>
          <span class="sec-title">潜力榜收录范围：</span
          ><span>注册成为作者超过30天，且作品发表30天内；</span>
        </li>
      </ul>
      <div class="title">二、付费榜单</div>
      <p class="desc">以下榜单按照付费订阅销量排序。</p>
      <ul>
        <li>
          <span class="sec-title">上架榜收录范围：</span
          ><span>付费阅读章节上架30天内的作品；</span>
        </li>
        <li>
          <span class="sec-title">畅销榜收录范围：</span
          ><span>付费阅读章节上架超过30天的作品；</span>
        </li>
      </ul>
      <div class="title">三、同人榜单</div>
      <ul>
        <li>
          <span class="sec-title">人气榜单：</span
          ><span
            >根据作品的人气值排序，人气值是综合作品收藏、点击、字数、海星、长评、短评、赞赏等多种互动行为等综合指数；</span
          >
        </li>
        <li>
          <span class="sec-title">CP榜：</span
          ><span>根据CP标签新增作品数量统计的热度排行；</span>
        </li>
        <li>
          <span class="sec-title">原著榜：</span
          ><span>根据原著标签新增作品数量统计的热度排行；</span>
        </li>
      </ul>
      <div class="title">四、其他榜单</div>
      <ul>
        <li>
          <span class="sec-title">勤奋榜：</span
          ><span>全站作品按照更新字数排序；</span>
        </li>
        <li>
          <span class="sec-title">赞赏榜：</span
          ><span>全站作品按照读者赞赏金额排序；</span>
        </li>
        <li>
          <span class="sec-title">互动榜：</span
          ><span>全站作品按照作品评论、海星等互动指数排序；</span>
        </li>
        <li>
          <span class="sec-title">土豪榜：</span
          ><span>读者赞赏金额排行榜；</span>
        </li>
        <li>
          <span class="sec-title">作家风云榜：</span
          ><span>全站作者读者关注排行；</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.rule{
    background-color: #fff;
    padding: 0.9rem 1.1rem;
    border-radius: 0.2240059735rem;
    font-size: 0.8rem;
}
.rule .title{
    margin-top: 0.6rem;
    font-size: 1rem;
    margin-bottom:0.37rem;
    font-weight: 700;
}
.rule .desc{
    text-indent: 4em;
    margin-bottom:0.37rem;
}
li{
    line-height: 2;
}
.rule ul {
    list-style-type: decimal;
    padding-left: 3em;
}
.rule .sec-title{
    font-size: 0.9rem;
    font-weight: 700;
}
</style>
